// app global css
//@import "HYJinKaiJ-embed.css"
//@import "iconfont.css"
@import "~quasar/dist/quasar.styl"


.q-chip-close
  opacity 0.5!important

//表格头的样式
.q-table th
  font-size 14px!important
  color $grey-9!important
  font-weight inherit!important

//修改tab选项卡颜色
.q-tabs
  .active .q-tab-label
    color $negative
    @media screen and (min-width 800px)
      font-weight bold!important

.q-tabs-bar
  color $negative!important

.q-if-inverted .q-if-inner
  margin-top 5px
  margin-bottom 5px

.q-tree__children
  padding-left 15px

.min-field
  .q-field__control
    padding 0 8px !important
    height 32px!important
    min-height 32px!important
  .q-field__append
    height: 32px!important;
  .q-field__control-container
    padding-top 0!important
  input
    padding 0 4px

//启用字体平滑
body
  -webkit-font-smoothing antialiased!important

//去除链接下划线
a
  text-decoration none

//标题样式
h1
  font-weight initial

h2
  margin 0
  line-height initial

h3
  margin 0
  line-height initial


//字体样式
.size-12
  font-size 12px!important

.size-14
  font-size 14px!important

.size-16
  font-size 16px!important

.size-18
  font-size 18px!important

.size-20
  font-size 20px!important

.size-22
  font-size 22px!important

.size-24
  font-size 24px!important

.size-26
  font-size 26px!important

.size-28
  font-size 28px!important

.size-32
  font-size 32px!important

.size-36
  font-size 36px!important

.size-40
  font-size 40px!important

.size-48
  font-size 48px!important

.size-56
  font-size 56px!important

.size-72
  font-size 72px!important

.bold
  font-weight bold

.serif
  font-family "HYRunYuan-75W"

.song
  font-family "simsun"

//文字阴影样式
.text-shadow-white
  text-shadow 1px 1px 1px #fff

.text-shadow-dark
  text-shadow 1px 1px 1px #666

.text-shadow-black
  text-shadow 1px 1px 1px #000

.text-shadow-no-offset-white
  text-shadow 0px 0px 3px #fff

.no-text-shadow
  text-shadow none!important

.no-box-shadow
  box-shadow none!important

//图片居中样式
.img-center
  img
    max-width 100%
    display:block;margin:0 auto

//内容文本样式
.text-content
  counter-reset sup-conter
  line-height 1.6em
  font-size 18px
  img
    max-width 80%
    display:block;margin:0 auto
  figure
    position relative
    width 100%
    text-align center
    margin 0 auto
    figcaption
      p
        font-size 14px
        color $grey-7
    input
      position absolute
      width 100%
      left 0
      right 0
      text-align:center
      font-size 14px
      color $grey-8
      outline none
      border none
  .figure-image
    bottom -10px
  .figure-video
    margin 0 auto 40px auto
    height 0
    width 80%
    padding-bottom 45%
    position relative
    input
      bottom -36px
    iframe
      position absolute
      width 100%
      height 100%
      left 0
      top 0
    figcaption
      position absolute
      width 100%
      bottom -36px
      p
        padding-top 2px
        padding-bottom 2px
        background-color $grey-2
        color $grey-7
  sup[note], em[note]
    position relative
    top: 0
    margin 0 1px
    background-color $brown-1
    color $red-10
    border-radius 3px
    &:before
      padding 0 3px
      display inline-block
      font-size 12px
    &:after
      transition 0.3s ease
      transition-delay 0
    &:hover:after
      transform translate(-50%, 0);
      white-space nowrap
      transition 0.3s ease
      position absolute
      bottom 1.5em
      left: 50%
      padding 2px 8px
      content attr(note)
      background-color $grey-8
      color white
      box-shadow $shadow-5
  sup[note]
    counter-increment sup-conter
    &:before
      content counter(sup-conter)
  em[note]
    display inline!important
    transform scale(0.8)
    padding 0
    top: -0.5em
    &:before
      transform scale(0.8)
      content '注'
  p
    line-height 1.6em!important
    font-size 16px
    margin-bottom 0.8em
  h1
    font-size 32px
    margin 10px 0
  h2
    font-size 24px
    margin 8px 0
  h3
    font-size 20px
    margin 6px 0
  a
    color $primary
  blockquote
    border-left 4px solid $grey-4
    padding-left 1em
    margin-left 0
    color $grey-7
    p
      line-height 1.5em!important
  @media screen and (max-width 800px)
    line-height 1.8em
    font-size 16px
    p
      line-height 1.6em!important
      font-size 16px
    h1
      font-size 28px
    h2
      font-size 22px
    h3
      font-size 18px
  .find
    background-color $yellow
  .endnote
    font-style normal
    color $red-10
    border-radius 3px
    padding 0 4px
    margin 0 4px
    font-size 14px
  //&:before
  //  content '【'
  //&:after
  //  content '】'
  .note
    color $red-10
    //background-color $grey-1
    //border-radius 3px
    //padding 16px
    p
      &:first-child:before
        content '疏'
        background-color $red-10
        color #fff
        padding 2px 5px
        margin-right 5px
        border-radius 3px
        font-size 14px
  .relate
    text-decoration none
    color $primary
    cursor pointer

//阴影样式
.shadow-light
  box-shadow 0 0 5px #e9e9e9

.shadow-light-1
  box-shadow 0 1px 3px #ddd


//边线样式
.no-border-radius
  border-radius 0!important

.border-radius-round
  border-radius 50%

.border-radius-3
  border-radius 3px

.border-radius-4
  border-radius 4px

.border-radius-5
  border-radius 5px

.border-radius-6
  border-radius 6px

.border-top-1
  border-top 1px solid #ddd!important

.border-top-1-eee
  border-top 1px solid #eee!important

.border-top-2
  border-top 1px solid #ddd!important

.border-top-2-eee
  border-top 1px solid #eee!important

.border-left-1
  border-left 1px solid #ddd!important

.border-left-1-eee
  border-left 1px solid #eee!important

.border-left-2
  border-left 2px solid #ddd!important

.border-left-2-eee
  border-left 2px solid #eee!important

.border-bottom-1
  border-bottom 1px solid #ddd!important

.border-bottom-1-eee
  border-bottom 1px solid #eee!important

.border-bottom-2
  border-bottom 2px solid #ddd!important

.border-bottom-2-eee
  border-bottom 2px solid #eee!important

.border-1
  border 1px solid #ddd!important

.border-3-333
  border 3px solid #333!important

.border-1-eee
  border 1px solid #eee!important

.border-2
  border: 2px solid #ddd!important

.border-2-333
  border: 2px solid #333!important

//链接样式
.link
  color $light-blue-10
  cursor pointer

.link:hover
  color $primary!important

list-link
  color $grey-10

.list-link:hover
  color $negative!important

.title
  font-family "HYJinKaiJ" !important

.title-link
  font-weight bold
  size 18
  color #000

.title-link:hover
  color $negative!important

//背景样式
.bg-img-center
  background-repeat no-repeat
  background-position center
  background-size cover

.bg-center
  background-position center

//新按钮样式
.button-tag
  padding 4px 8px!important
  min-height inherit!important

.button-dense
  min-height 1em!important

.scrollbar {
  ::-webkit-scrollbar-thumb {
    background-color: #ddd !important;
    cursor: pointer !important;
  }
  ::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
    //border-color: red!important;
  }
}
